﻿<template>
    <!-- div class="app" 对应的样式为 .app 而div id ="app" 对应样式为 #app -->
    <div class="app">
        <h1>Hello Vue 3!</h1>
        <p>Welcome to your Vue.js app.</p>
        <hr>

        <Person/>
    </div>
</template>

<script lang="ts">
    import Person from './components/Person.vue'
    export default {
        name: 'App',
        components:{Person}
    }
</script>

<style> 
    .app{
        background-color: #ddd;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding: 20px;
    }
</style>